<script setup lang="ts" name="contentTltle">
import { useMainIndexStore } from '@/stores/mainIndexStore'
import { storeToRefs } from 'pinia'
const { contentTitle } = storeToRefs(useMainIndexStore())
</script>
<template>
  <span id="title">
    <img id="title-img" :src="contentTitle.img" alt="" />
    <b>{{ contentTitle.msg }}</b>
  </span>
  <hr />
</template>

<style scoped lang="less">
#title {
  display: block;
  margin: 4px 0;
  #title-img {
    width: 40px;
    height: 40px;
    vertical-align: bottom;
    margin: 0 6px 0;
    border-radius: var(--radius);
  }
  > b {
    color: var(--color2);
  }
}
hr {
  opacity: 0.6;
}
</style>
